<template>
	<div id="app">
		<transition name="fade" mode="out-in">
			<router-view></router-view>
		</transition>
	</div>
</template>

<script>
	export default {
		name: 'app',
		components: {
		}
	}

</script>

<style lang="scss">
	body {
		margin: 0px;
		padding: 0px;
		/*background: url(assets/bg1.jpg) center !important;
		background-size: cover;*/
		// background: #1F2D3D;
		font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
		font-size: 14px;
		-webkit-font-smoothing: antialiased;
	}

	#app {
		position: absolute;
		top: 0px;
		bottom: 0px;
		width: 100%;
	}

	.el-dialog__body {
		padding-bottom: 10px !important;
		padding-top: 15px !important;
	}

	.el-table th {
		background-color: #f5f7fa !important;
	}

	.el-table {
		margin-bottom: 10px !important;
	}

	.toolbar {
		background: #f5f7fa !important;
		border-radius: 2px;
	}

	.el-submenu [class^=fa] {
		vertical-align: baseline;
		margin-right: 10px;
	}

	.el-menu-item [class^=fa] {
		vertical-align: baseline;
		margin-right: 10px;
	}

	.toolbar {
		background: #f2f2f2;
		padding: 10px;
		/* border:1px solid #dfe6ec; */
		margin: 10px 0px;

		.el-form-item {
			margin-bottom: 10px;
		}
	}

	.fade-enter-active,
	.fade-leave-active {
		transition: all .2s ease;
	}

	.fade-enter,
	.fade-leave-active {
		opacity: 0;
	}

	.el-pagination {
		text-align: right;
	}

	.cur-tag {
		position: relative;
		display: inline-block;
		padding: 1px 6px !important;
		font-size: 12px;
		text-align: center;
		background-color: #FF5722;
		color: #fff;
		border-radius: 2px !important;
		height: 18px;
		line-height: 18px;
	}

	.cur-tag.bg-cyan {
		background-color: #2F4056 !important;
		color: #fff !important;
	}

	.content-container {
		overflow-y: inherit !important;
	}
</style>